<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>函数和事件</title>
</head>
<body>
<div id="app">
  <button @click="funA">调用函数funA</button>
  <br/>
  <button @click="funB">调用函数funB</button>
  <br/>
</div>
</body>
</html>
<script src="js/vue.min.js"></script>
<script>
  new Vue({
    el: "#app",
    data: {
      msg: "hello vue"
    },
    // 定义函数
    methods: {
      // 函数名
      // 标准写法
      funA: function () {
        alert(this.msg)
      },
      // 缩写写法
      funB() {
        // 输出一段内容到页面
        document.write(this.msg)
        // 输出内容到控制台
        console.log(this.msg)
      }
    }
  })
</script>